<template>
  <div>
    <button @click="login">登录</button>
    <div>
      <p>钓鱼网站图片</p>
      <img
        src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3355464299,584008140&fm=26&gp=0.jpg"
        class="img"
        @click="clickWebSite"
      />
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },

  methods: {
    login() {
      fetch(`http://localhost:8081/login`)
        .then((res) => {
          return res.text();
        })
        .then((res) => {
          console.log("login :", res);
        });
    },

    clickWebSite() {
      fetch(`http://localhost:8081/login`)
        .then((res) => {
          return res.text();
        })
        .then((res) => {
          console.log("login :", res);
        });
    },
  },
};
</script>
<style scoped>
.img:hover {
  cursor: pointer;
}
</style>
